/*flex布局*/
.flex {
	display: flex;
}

.flex_x {
	display: flex;
	align-items: center;
}

.flex_y {
	display: flex;
	justify-content: center;
}

.flex_c {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex_col {
	display: flex;
	flex-direction: column;
}

.flex_col_c {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}

.flex3 {
	flex: 3;
}

.flex4 {
	flex: 4;
}

.flex5 {
	flex: 5;
}

.flex_btw {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btw {
	justify-content: space-between;
}

.flex_ard {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.ard {
	justify-content: space-around;
}

.flex_x_str {
	display: flex;
	align-items: flex-start;
}

.flex_x_end {
	display: flex;
	align-items: flex-end;
}

.flex_y_str {
	display: flex;
	justify-content: flex-start;
}

.flex_y_end {
	display: flex;
	justify-content: flex-end;
}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex_noworp {
	display: flex;
	flex-wrap: nowrap;
}


/*border边框*/
.bor_n_l {
	border-left: none !important;
}

.bor_n_t {
	border-top: none !important;
}

.bor_n_r {
	border-right: none !important;
}

.bor_n_b {
	border-bottom: none !important;
}

.bor_none {
	border: none !important;
}

/* 上边框 */

.ovh {
	overflow: hidden;
}

/*定位*/
.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pa0 {
	position: absolute;
	left: 0;
	top: 0;
}

.pa_cent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*文本对齐方式*/
.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.lineText {
	writing-mode: vertical-lr;
}

/* 文字基线对齐 */
/* .vam {
	vertical-align: bottom;
} */

/* 上划线 */

.t_line_t {
	text-decoration: over-line;
}

/* 下划线 */

.t_line_b {
	text-decoration: underline;
}

/* 划线 */

.t_line_c {
	text-decoration: line-through;
}

/* 超出省略 */
.sn {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sn1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.sn2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.sn3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*margin*/
.ml1 {
	margin-left: 1upx;
}

.ml2 {
	margin-left: 2upx;
}

.ml3 {
	margin-left: 3upx;
}

.ml4 {
	margin-left: 4upx;
}

.ml5 {
	margin-left: 5upx;
}

.ml6 {
	margin-left: 6upx;
}

.ml7 {
	margin-left: 7upx;
}

.ml8 {
	margin-left: 8upx;
}

.ml9 {
	margin-left: 9upx;
}

.ml10 {
	margin-left: 10upx;
}

.ml12 {
	margin-left: 12upx;
}

.ml14 {
	margin-left: 14upx;
}

.ml16 {
	margin-left: 16upx;
}

.ml18 {
	margin-left: 18upx;
}

.ml20 {
	margin-left: 20upx;
}

.ml22 {
	margin-left: 22upx;
}

.ml24 {
	margin-left: 24upx;
}

.ml26 {
	margin-left: 26upx;
}

.ml28 {
	margin-left: 28upx;
}

.ml30 {
	margin-left: 30upx;
}

.ml32 {
	margin-left: 32upx;
}

.ml34 {
	margin-left: 34upx;
}

.ml36 {
	margin-left: 36upx;
}

.ml38 {
	margin-left: 38upx;
}

.ml40 {
	margin-left: 40upx;
}

.ml46 {
	margin-left: 46upx;
}

.ml50 {
	margin-left: 50upx;
}

.ml60 {
	margin-left: 60upx;
}

.ml70 {
	margin-left: 70upx;
}

.ml80 {
	margin-left: 80upx;
}

.ml90 {
	margin-left: 90upx;
}

.ml100 {
	margin-left: 100upx;
}

.mr1 {
	margin-right: 1upx;
}

.mr2 {
	margin-right: 2upx;
}

.mr3 {
	margin-right: 3upx;
}

.mr4 {
	margin-right: 4upx;
}

.mr5 {
	margin-right: 5upx;
}

.mr6 {
	margin-right: 6upx;
}

.mr7 {
	margin-right: 7upx;
}

.mr8 {
	margin-right: 8upx;
}

.mr9 {
	margin-right: 9upx;
}

.mr10 {
	margin-right: 10upx;
}

.mr12 {
	margin-right: 12upx;
}

.mr14 {
	margin-right: 14upx;
}

.mr16 {
	margin-right: 16upx;
}

.mr18 {
	margin-right: 18upx;
}

.mr20 {
	margin-right: 20upx;
}

.mr24 {
	margin-right: 24upx;
}

.mr30 {
	margin-right: 30upx;
}

.mr36 {
	margin-right: 36upx;
}

.mr40 {
	margin-right: 40upx;
}

.mr50 {
	margin-right: 50upx;
}

.mr60 {
	margin-right: 60upx;
}

.mr70 {
	margin-right: 70upx;
}

.mr80 {
	margin-right: 80upx;
}

.mr90 {
	margin-right: 90upx;
}

.mr100 {
	margin-right: 100upx;
}

.mt2 {
	margin-top: 2upx;
}

.mt4 {
	margin-top: 4upx;
}

.mt6 {
	margin-top: 6upx;
}

.mt8 {
	margin-top: 8upx;
}

.mt10 {
	margin-top: 10upx;
}

.mt12 {
	margin-top: 12upx;
}

.mt14 {
	margin-top: 14upx;
}

.mt16 {
	margin-top: 16upx;
}

.mt18 {
	margin-top: 18upx;
}

.mt20 {
	margin-top: 20upx;
}

.mt22 {
	margin-top: 22upx;
}

.mt24 {
	margin-top: 24upx;
}

.mt26 {
	margin-top: 26upx;
}

.mt28 {
	margin-top: 28upx;
}

.mt30 {
	margin-top: 30upx;
}

.mt32 {
	margin-top: 32upx;
}

.mt40 {
	margin-top: 40upx;
}

.mt48 {
	margin-top: 48upx;
}

.mt50 {
	margin-top: 50upx;
}

.mt56 {
	margin-top: 56upx;
}

.mt60 {
	margin-top: 60upx;
}

.mt70 {
	margin-top: 70upx;
}

.mt80 {
	margin-top: 80upx;
}

.mt90 {
	margin-top: 90upx;
}

.mt100 {
	margin-top: 100upx;
}

.mt110 {
	margin-top: 110upx;
}

.mt120 {
	margin-top: 120upx;
}

.mb10 {
	margin-bottom: 10upx;
}

.mb20 {
	margin-bottom: 20upx;
}

.mb24 {
	margin-bottom: 24upx;
}

.mb26 {
	margin-bottom: 26upx;
}

.mb28 {
	margin-bottom: 28upx;
}


.mb30 {
	margin-bottom: 30upx;
}

.mb32 {
	margin-bottom: 32upx;
}

.mb40 {
	margin-bottom: 40upx;
}

.mb50 {
	margin-bottom: 50upx;
}

.mb60 {
	margin-bottom: 60upx;
}

.mb70 {
	margin-bottom: 70upx;
}

.mb80 {
	margin-bottom: 80upx;
}

.mb90 {
	margin-bottom: 90upx;
}

.mb100 {
	margin-bottom: 100upx;
}

.m10 {
	margin: 10upx;
}

.m20 {
	margin: 20upx;
}

.m24 {
	margin: 24upx;
}

.m30 {
	margin: 30upx;
}

.m3032 {
	margin: 30upx 32upx;
}

.m32 {
	margin: 32upx;
}

.m2432 {
	margin: 24upx 32upx;
}

.m40 {
	margin: 40upx;
}

.m50 {
	margin: 50upx;
}

.m60 {
	margin: 60upx;
}

.m70 {
	margin: 70upx;
}

.m80 {
	margin: 80upx;
}

.mlr10 {
	margin: 0 10upx;
}

.mlr12 {
	margin: 0 12upx;
}

.mlr20 {
	margin: 0 20upx;
}

.mlr24 {
	margin: 0 24upx;
}

.mlr30 {
	margin: 0 30upx;
}

.mlr32 {
	margin: 0 32upx;
}

.mlr40 {
	margin: 0 40upx;
}

.mlr50 {
	margin: 0 50upx;
}

.mlr60 {
	margin: 0 60upx;
}


.mtb10 {
	margin: 10upx 0;
}

.mtb12 {
	margin: 12upx 0;
}

.mtb14 {
	margin: 14upx 0;
}

.mtb16 {
	margin: 16upx 0;
}


.mtb20 {
	margin: 20upx 0;
}

.mtb24 {
	margin: 24upx 0;
}

.mtb30 {
	margin: 30upx 0;
}

.mtb32 {
	margin: 32upx 0;
}

.mtb40 {
	margin: 40upx 0;
}

.mtb50 {
	margin: 50upx 0;
}

.mtb60 {
	margin: 60upx 0;
}

/*padding*/
.pl10 {
	padding-left: 10upx;
}

.pl20 {
	padding-left: 20upx;
}

.pl24 {
	padding-left: 24upx;
}

.pl30 {
	padding-left: 30upx;
}

.pl32 {
	padding-left: 32upx;
}

.pl40 {
	padding-left: 40upx;
}

.pl50 {
	padding-left: 50upx;
}

.pl60 {
	padding-left: 60upx;
}

.pl70 {
	padding-left: 70upx;
}

.pl80 {
	padding-left: 80upx;
}

.pr10 {
	padding-right: 10upx;
}

.pr12 {
	padding-right: 12upx;
}

.pr20 {
	padding-right: 20upx;
}

.pr24 {
	padding-right: 24upx;
}

.pr30 {
	padding-right: 30upx;
}

.pr32 {
	padding-right: 32upx;
}

.pr34 {
	padding-right: 34upx;
}

.pr36 {
	padding-right: 36upx;
}

.pr38 {
	padding-right: 38upx;
}

.pr40 {
	padding-right: 40upx;
}

.pr50 {
	padding-right: 50upx;
}

.pr60 {
	padding-right: 60upx;
}

.pr70 {
	padding-right: 70upx;
}

.pr80 {
	padding-right: 80upx;
}

.pt2 {
	padding-top: 2upx;
}

.pt3 {
	padding-top: 3upx;
}

.pt4 {
	padding-top: 4upx;
}

.pt5 {
	padding-top: 5upx;
}

.pt6 {
	padding-top: 6upx;
}

.pt7 {
	padding-top: 7upx;
}

.pt8 {
	padding-top: 8upx;
}

.pt9 {
	padding-top: 9upx;
}

.pt10 {
	padding-top: 10upx;
}

.pt12 {
	padding-top: 12upx;
}

.pt14 {
	padding-top: 14upx;
}

.pt16 {
	padding-top: 16upx;
}

.pt18 {
	padding-top: 18upx;
}

.pt20 {
	padding-top: 20upx;
}

.pt24 {
	padding-top: 24upx;
}

.pt30 {
	padding-top: 30upx;
}

.pt32 {
	padding-top: 32upx;
}

.pt40 {
	padding-top: 40upx;
}

.pt50 {
	padding-top: 50upx;
}

.pt60 {
	padding-top: 60upx;
}

.pt70 {
	padding-top: 70upx;
}

.pt80 {
	padding-top: 80upx;
}

.pb10 {
	padding-bottom: 10upx;
}

.pb20 {
	padding-bottom: 20upx;
}

.pb24 {
	padding-bottom: 24upx;
}

.pb30 {
	padding-bottom: 30upx;
}

.pb32 {
	padding-bottom: 32upx;
}

.pb34 {
	padding-bottom: 34upx;
}

.pb36 {
	padding-bottom: 36upx;
}

.pb38 {
	padding-bottom: 38upx;
}

.pb40 {
	padding-bottom: 40upx;
}

.pb50 {
	padding-bottom: 50upx;
}

.pb60 {
	padding-bottom: 60upx;
}

.pb70 {
	padding-bottom: 70upx;
}

.pb80 {
	padding-bottom: 80upx;
}


.p10 {
	padding: 10upx;
}

.p20 {
	padding: 20upx;
}

.p24 {
	padding: 24upx;
}

.p2412 {
	padding: 24upx 12upx;
}

.p2430 {
	padding: 24upx 30upx;
}

.p2432 {
	padding: 24upx 32upx;
}

.p30 {
	padding: 30upx;
}

.p3024 {
	padding: 30upx 24upx;
}

.p3032 {
	padding: 30upx 32upx;
}

.p32 {
	padding: 32upx;
}

.p34 {
	padding: 34upx;
}

.p3432 {
	padding: 34upx 32upx;
}

.p40 {
	padding: 40upx;
}

.p50 {
	padding: 50upx;
}

.p60 {
	padding: 60upx;
}

.p70 {
	padding: 70upx;
}

.p80 {
	padding: 80upx;
}

.p90 {
	padding: 90upx;
}

.p100 {
	padding: 100upx;
}


.ptb10 {
	padding: 10upx 0;
}

.ptb20 {
	padding: 20upx 0;
}

.ptb24 {
	padding: 24upx 0;
}

.ptb30 {
	padding: 30upx 0;
}

.ptb32 {
	padding: 32upx 0;
}

.ptb40 {
	padding: 40upx 0;
}

.ptb50 {
	padding: 50upx 0;
}

.ptb60 {
	padding: 60upx 0;
}

.plr10 {
	padding: 0 10upx;
}

.plr10 {
	padding: 0 10upx;
}

.plr12 {
	padding: 0 12upx;
}

.plr20 {
	padding: 0 20upx;
}

.plr24 {
	padding: 0 24upx;
}

.plr30 {
	padding: 0 30upx;
}

.plr32 {
	padding: 0 32upx;
}

.plr40 {
	padding: 0 40upx;
}

.plr42 {
	padding: 0 42upx;
}

.plr50 {
	padding: 0 50upx;
}

.plr60 {
	padding: 0 60upx;
}



.ptb10 {
	padding: 10upx 0;
}

.ptb20 {
	padding: 20upx 0;
}

.ptb24 {
	padding: 24upx 0;
}

.plr30 {
	padding: 0 30upx;
}

.plr40 {
	padding: 0 40upx;
}

.plr50 {
	padding: 0 50upx;
}

.plr60 {
	padding: 0 60upx;
}

/*字体大小font-size*/
.fs20 {
	font-size: 20upx;
}

.fs22 {
	font-size: 22upx;
}

.fs24 {
	font-size: 24upx;
}

.fs26 {
	font-size: 26upx;
}

.fs28 {
	font-size: 28upx;
}

.fs30 {
	font-size: 30upx;
}

.fs32 {
	font-size: 32upx;
}

.fs34 {
	font-size: 34upx;
}

.fs36 {
	font-size: 36upx;
}

.fs38 {
	font-size: 38upx;
}

.fs40 {
	font-size: 40upx;
}

.fs42 {
	font-size: 42upx;
}

.fs44 {
	font-size: 44upx;
}

.fs46 {
	font-size: 46upx;
}

.fs48 {
	font-size: 48upx;
}

.fs50 {
	font-size: 50upx;
}

.fs52 {
	font-size: 52upx;
}

.fs64 {
	font-size: 64upx;
}

.fs72 {
	font-size: 72upx;
}

/*字体颜色*/
.c3 {
	color: #333;
}

.c6 {
	color: #666;
}

.c9 {
	color: #999;
}

.cf {
	color: #fff;
}

.c23 {
	color: #23D371;
}

.cf0 {
	color: #F00000;
}

.cfa {
	color: #FFAC49;
}

.cfe4 {
	color: #FE4B3D;
}

.c2a7 {
	color: #2A71C0;
}

/* 背景颜色 */
.bgf {
	background-color: #fff;
}

.pbgf {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
}

.bgf9 {
	background-color: #F9F9F9;
}

.bg23 {
	background-color: #23D371;
}

.bgfe4 {
	background-color: #FE4B3D;
}

.bg2a7 {
	background-color: #2A71C0;
}

/* 字重 */
.bold {
	font-weight: bold;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw550 {
	font-weight: 550;
}

.fw600 {
	font-weight: 600;
}

/*头像图片处理*/
.img20 {
	width: 20upx;
	height: 20upx;
}

.img22 {
	width: 22upx;
	height: 22upx;
}

.img24 {
	width: 24upx;
	height: 24upx;
}

.img26 {
	width: 26upx;
	height: 26upx;
}

.img28 {
	width: 28upx;
	height: 28upx;
}

.img30 {
	width: 30upx;
	height: 30upx;
}

.img32 {
	width: 32upx;
	height: 32upx;
}

.img34 {
	width: 34upx;
	height: 34upx;
}

.img36 {
	width: 36upx;
	height: 36upx;
}

.img38 {
	width: 38upx;
	height: 38upx;
}

.img40 {
	width: 40upx;
	height: 40upx;
}

.img50 {
	width: 50upx;
	height: 50upx;
}

.img56 {
	width: 56upx;
	height: 56upx;
}

.img60 {
	width: 60upx;
	height: 60upx;
}

.img72 {
	width: 72upx;
	height: 72upx;
}

.img100 {
	width: 100upx;
	height: 100upx;
}

.img120 {
	width: 120upx;
	height: 120upx;
}

.img164 {
	width: 164upx;
	height: 164upx;
}

.img180 {
	width: 180upx;
	height: 180upx;
}

/* 背景高度 */
.w100 {
	width: 100%;
}

.mh72 {
	max-height: 72upx;
}

.h100 {
	height: 100%;
}

.vw100 {
	width: 100vw;
}

.mvw100 {
	min-width: 100vw;
}

.vh100 {
	height: 100vh;
}

.mvh100 {
	min-height: 100vh;
}

.w120 {
	width: 120upx;
}

/* 圆角 */
.br1 {
	border-radius: 1upx;
}

.br2 {
	border-radius: 2upx;
}

.br3 {
	border-radius: 3upx;
}

.br4 {
	border-radius: 4upx;
}

.br5 {
	border-radius: 5upx;
}

.br6 {
	border-radius: 6upx;
}

.br7 {
	border-radius: 7upx;
}

.br8 {
	border-radius: 8upx;
}

.br9 {
	border-radius: 9upx;
}

.br10 {
	border-radius: 10upx;
}

.br11 {
	border-radius: 11upx;
}

.br12 {
	border-radius: 12upx;
}

.br13 {
	border-radius: 13upx;
}

.br14 {
	border-radius: 14upx;
}

.br15 {
	border-radius: 15upx;
}

.br16 {
	border-radius: 16upx;
}

.br17 {
	border-radius: 17upx;
}

.br18 {
	border-radius: 18upx;
}

.br19 {
	border-radius: 19upx;
}

.br20 {
	border-radius: 20upx;
}

.br21 {
	border-radius: 21upx;
}

.br22 {
	border-radius: 22upx;
}

.br23 {
	border-radius: 23upx;
}

.br24 {
	border-radius: 24upx;
}

.br25 {
	border-radius: 25upx;
}

.br36 {
	border-radius: 36upx;
}

.br50 {
	border-radius: 50%;
}

/* 分割线 */

.cut_line {
	height: 1upx;
	background: #EBEBEB;
}
